<%--
  Created by IntelliJ IDEA.
  User: LSD
  Date: 2018/10/2
  Time: 22:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>学生信息管理</title>

    <!-- Bootstrap Core CSS -->
    <link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet">

    <!-- DataTables CSS -->
    <%--<link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet">--%>

    <!-- Custom CSS -->
    <link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet"
          type="text/css">
    <link href="<%=basePath%>css/boot-crm.css" rel="stylesheet"
          type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<!--
`stu_id` varchar(20) NOT NULL AUTO_INCREMENT COMMENT '学生账号，即学号，唯一标识',
`stu_pwd` varchar(50) DEFAULT NULL COMMENT '学生账号密码',
`stu_name` varchar(50) DEFAULT NULL COMMENT '学生姓名',
`stu_sex` varchar(10) DEFAULT NULL COMMENT '学生性别',
`stu_col` varchar(100) DEFAULT NULL COMMENT '学生所在学院',
`stu_cla` int(10) DEFAULT NULL COMMENT '学生所在班级',
`stu_col_info` varchar(200) DEFAULT NULL COMMENT '学生在学院的信息，学生证上交，丢失，补办等',
`stu_org_info` varchar(200) DEFAULT NULL COMMENT '学生在组织部的信息，党组织关系',
`stu_youth_info` varchar(200) DEFAULT NULL COMMENT '学生在团委的信息，团组织关系',
`stu_lib_info` varchar(200) DEFAULT NULL COMMENT '学生在图书馆的信息，是否有未还书或逾期未还',
`stu_off_info` varchar(200) DEFAULT NULL COMMENT '学生在教务处的信息，书本费相关',
`stu_fina_info` varchar(200) DEFAULT NULL COMMENT '学生在财务处的信息，学费相关',
`stu_manage_info` varchar(200) DEFAULT NULL COMMENT '学生在国有资产管理处的信息，饭卡，水卡',
`stu_domi_info` varchar(200) DEFAULT NULL COMMENT '学生在宿管科的信息，宿舍钥匙，宿舍财务',
-->

</head>
<body style="overflow-y: scroll; height: 850px">


<!--蓝色框-->

<div style="background-color: #3faacc; height: 70px"></div>
<div>
    <div class="container">
        <img src="img/11.jpg" class="img-circle"
             style="width: 120px; height: 120px;position: absolute;top: 12%;left: 9%"/>
        <ul class="list-unstyled" style="position: absolute;top: 30%; left: 2%; font-size: large">
            <li>&emsp;&emsp;&emsp;&emsp;账&nbsp;&nbsp;&nbsp;号：${stu.stu_id}</li>
            <li>&emsp;&emsp;&emsp;&emsp;姓&nbsp;&nbsp;&nbsp;名：${stu.stu_name}</li>
            <li>&emsp;&emsp;&emsp;&emsp;性&nbsp;&nbsp;&nbsp;别：${stu.stu_sex}</li>
            <li>&emsp;&emsp;&emsp;&emsp;学&nbsp;&nbsp;&nbsp;院：${stu.stu_col}</li>
            <li>&emsp;&emsp;&emsp;&emsp;班&nbsp;&nbsp;&nbsp;级：${stu.stu_cla}</li>
        </ul>
    </div>
    <div class="row">
        <div class="col-md-9 col-md-offset-3" style="border-bottom: 1px solid #888888;position: absolute;top: 10%"><h1
                style="margin-left: 10px;margin-top:2px;color:#888888 ;">办理情况</h1></div>
    </div>
    <div class="panel panel-primary  well-sm"
         style="width: 280px; height: 180px;margin-left: 430px; margin-top: 100px;">
        <div class="panel-heading  well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">学生证</h4>
        </div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 55px">${stu.stu_col_info}</h4></div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 170px; left: 770px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc; "><h4 style="text-align: center;">
            团组织关系</h4></div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 10px;word-wrap: break-word">${stu.stu_youth_info}</h4>
        </div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 170px; left: 1110px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">
            党组织关系</h4></div>
        <div class="panel-body">
            <h4><p style="vertical-align: center;margin-left: 20px;margin-top: 25px">${stu.stu_org_info}</p></h4>
        </div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 390px; left: 430px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">图书馆</h4>
        </div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 45px">${stu.stu_lib_info}</h4></div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position:absolute;top: 390px; left: 770px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">教务处</h4>
        </div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 55px">${stu.stu_off_info}</h4></div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 390px; left: 1110px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">财务处</h4>
        </div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 55px">${stu.stu_fina_info}</h4></div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 610px; left: 430px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">
            国有资产管理处</h4></div>
        <div class="panel-body"><h4
                style="position: absolute;margin-top: 30px;margin-left: 45px">${stu.stu_manage_info}</h4></div>
    </div>
    <div class="panel panel-primary well-sm"
         style="width: 280px; height: 180px;position: absolute;top: 610px; left: 770px;">
        <div class="panel-heading well-sm" style="background-color:  #3faacc;"><h4 style="text-align: center;">宿管科</h4>
        </div>
        <div class="panel-body">
            <h4>
                <p style="vertical-align: center;margin-top: 30px;margin-left: 10px;word-wrap: break-word">${stu.stu_domi_info}</p>
            </h4>
        </div>
    </div>

</div>

</body>
</html>
